<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<title>松森机械</title>

<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/icomoon.css" />

<!-- Custom styles for this template -->
<link rel="stylesheet" href="css/index.css" />

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->

</head>
<!-- NAVBAR
================================================== -->
<body>
<div class="navbar-wrapper">
  <div class="container">
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
          <a class="navbar-brand" href="#"><img src="images/logo.png" height="20"/></a> </div>
        <div class="navbar-collapse collapse" style="background-color: #2E86B4;">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#product">产品介绍</a></li>
            <li><a href="#comparison">同业比较</a></li>
            <li><a href="#about">企业介绍</a></li>
            <li><a href="#contact">联系我们</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!--
	<div class="container">
    <div class="row">
    	<div class="col-lg-12">
        <center>
        <div style="background-color:#FFF; font-size:30px; padding-top:15px; padding-bottom:15px;"><img src="images/slogan.png"/></div>
        </center>
        </div>
    </div>
    </div>
    --> 
<!-- Carousel
    ================================================== -->
<div class="container">
  <div id="myCarousel" class="carousel slide"> 
    
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="item active"> <img src="images/banner1.jpg" alt="First slide" width="100%" height="100%">
        <div class="container">
          <div class="carousel-caption">
            <h1 class="text-left">Example headline.</h1>
            <p class="text-left">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
          </div>
        </div>
      </div>
      <div class="item"> <img src="images/banner2.jpg" alt="Second slide"  width="100%" height="100%">
        <div class="container">
          <div class="carousel-caption">
            <h1>Another example headline.</h1>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
          </div>
        </div>
      </div>
      <div class="item"> <img src="images/banner3.jpg" width="100%" height="100%" alt="Third slide">
        <div class="container">
          <div class="carousel-caption">
            <h1>One more for good measure.</h1>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
          </div>
        </div>
      </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> </div>
  <!-- /.carousel --> 
</div>

<!-- Marketing messaging and featurettes
    ================================================== --> 
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container" id="product">
  <div class="row">
    <div class="col-lg-12">
      <div class="container" style="background-color:#FFF; padding-top:20px; text-align: center;">
        <h3 class="black text-left">产品介绍/Product</h3>
        <hr>
        <ul class="nav nav-pills">
          <li class="active"><a href="javascript:tabsShow('tab-1')">进给器></a></li>
          <li><a href="javascript:tabsShow('tab-2')">T型螺母></a></li>
          <li><a href="javascript:tabsShow('tab-3')">卧式进刀器></a></li>
        </ul>
        <div id="tab-1" class="tab">
          <div class="row" style="margin-top:10px;">
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 -->
            
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 --> 
          </div>
          <div class="row">
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 -->
            
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 -->
            <div class="col-lg-3 productItem">
              <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
                <div class="caption">
                  <h3>卧式进刀器</h3>
                  <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                  <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
                </div>
              </div>
            </div>
            <!-- /.col-lg-4 --> 
          </div>
        </div>
        <!-- /.row -->
        <div class="row tab" id="tab-2" style="display:none;">
          <div class="col-lg-3 productItem">
            <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
              <div class="caption">
                <h3>卧式进刀器</h3>
                <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
              </div>
            </div>
          </div>
          <!-- /.col-lg-4 -->
          <div class="col-lg-3 productItem">
            <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
              <div class="caption">
                <h3>卧式进刀器</h3>
                <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
              </div>
            </div>
          </div>
          <!-- /.col-lg-4 --> 
        </div>
        <!-- /.row -->
        <div class="row tab" id="tab-3" style="display:none;">
          <div class="col-lg-3 productItem">
            <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
              <div class="caption">
                <h3>卧式进刀器</h3>
                <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。</p>
                <p><a href="#" class="btn btn-primary" role="button">查看详细</a></p>
              </div>
            </div>
          </div>
          <!-- /.col-lg-4 --> 
        </div>
        <!-- /.row --> 
      </div>
    </div>
  </div>
</div>

<!-- 同业比较 -->
<div class="container" id="comparison">
  <div class="row">
    <div class="col-lg-12">
      <div class="container" style="background-color:#f2efea; padding-top:20px; text-align: center;">
        <h3 class="black text-left">同业比较/Industry Comparison</h3>
        <hr>
        <div style="position:relative; bottom:-5px;">
            <img src="images/comparison.png" />
        </div>
        <div class="row">
          <div id="right" class="col-lg-6 cont-rightpadding" >
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
          </div>
          <div id="left" class="col-lg-5 cont-leftpadding">
            <h3><span class="icon-trophy"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
            <h3><span class="icon-graduation"></span><span class="mls"> 旗下网站</span></h3>
            <p>中国创新的B2B电子商务平台，专业的垂直行业产品供求平台</p>
            <p>中国最权威的3-6岁儿童健康成长评测网站，专注于儿童健康成长</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 企业介绍 -->
<div class="container" id="about">
  <div class="row">
    <div class="col-lg-12">
      <div class="container" style="background-color:#ffffff; padding-top:20px; text-align: center;">
        <h3 class="black text-left">企业介绍/About Us</h3>
        <hr>
        <p class="text-left text-indent2em">公司成立于1991年，一直致力于ASONG品牌的各类电动工具及动力进给器的研制并始终处于该类产品的领先地位，是集开发、生产、销售、售后为一体的机械制造公司，公司一直以质量为本，严格的工艺要求及检测手段，确保产品质量。深得国内外用户信赖，主要产品出口欧美、中东及国内各大机床厂配套使用。
          公司主力产品为动力进给器（POWER FEED）与电动起棱器，其中动力进给器有着二十余年的生产经验，除了主流配套炮塔铣实现自动走刀外，还开发了能够配合使用钻铣床的卧式进给器（AS235-W型）以及适合国内用户使用电压为220V、欧洲客户为240V系列，产品基本能够配套各种无自动走刀的机床联接问题（炮塔铣、钻铣床、摇臂钻、手动磨床、小型传送机械等），为终端客户大幅度提高生产效率提供服务。</p>
        <p class="text-left text-indent2em">公司位于山东省青岛市环保产业园，拥有雄厚的技术力量和加工能力及完善的售后服务体系，二十余年来一直注重信誉为本，质量为本的经营理念，连续多年被评为青岛市守合同重信誉企业，公司产品也被多次国家商品检验局抽查检测为合格出口产品，产品的主要电子元件均使用欧美、韩日大品牌产品，为了确保产品质量，电机等关键部件为本公司自己生产，确保一流的产品质量与性能。
          我们决不满足于现有的成绩，不断发展壮大是我们的追求，为您提供最新产品始终是我们的任务，我们将一如既往地追求与您的合作，并为您做好服务是我们唯一的目标。 </p>
      </div>
    </div>
  </div>
</div>

<!-- 联系我们 -->
<div class="container" id="contact">
  <div class="row">
    <div class="col-lg-12">
      <div class="container" style="background-color:#f2efea; padding-top:20px; text-align: center;">
        <h3 class="black text-left">联系我们/Contact Us</h3>
        <hr>
        <div class="row" style="margin-top:10px;">
          <div class="col-lg-2" style="width:20%; min-width:150px; text-align:center; margin:0 auto;">
            <div class="thumbnail contactUsItem"> <img src="images/addr.png" alt="">
              <div class="caption">
                <h3>地址</h3>
                <p>青岛环保产业园</p>
                <p>邮编：266201</p>
              </div>
            </div>
          </div>
          <div class="col-lg-2" style="width:20%; min-width:150px; text-align:center; margin:0 auto;">
            <div class="thumbnail contactUsItem" style="background-color:#f2efea"> <img src="images/people.png" alt="">
              <div class="caption">
                <h3>联系人</h3>
                <p>孙涛斌</p>
              </div>
            </div>
          </div>
          <div class="col-lg-2" style="width:20%; min-width:150px; text-align:center; margin:0 auto;">
            <div class="thumbnail contactUsItem" style="background-color:#f2efea"> <img src="images/phone.png" alt="">
              <div class="caption">
                <h3>电话</h3>
                <p>0532-87525633</p>
                <p>0532-87525779</p>
                <p>13963901111</p>
              </div>
            </div>
          </div>
          <div class="col-lg-2" style="width:20%; min-width:150px; text-align:center; margin:0 auto;">
            <div class="thumbnail contactUsItem" style="background-color:#f2efea"> <img src="images/mail.png" alt="">
              <div class="caption">
                <h3>邮箱</h3>
                <p>suntaobin@songsenjixie.com</p>
              </div>
            </div>
          </div>
          <div class="col-lg-2" style="width:20%; min-width:150px; text-align:center; margin:0 auto;">
            <div class="thumbnail contactUsItem" style="background-color:#f2efea"> <img src="images/fax.png" alt="">
              <div class="caption">
                <h3>传真</h3>
                <p>0532-87525838</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-lg-12">
      <footer style="background-color:#414143;">
        <div class="row">
          <div class="col-lg-6" id="footer-left">
            <div class="navbar navbar-default footer-nav">
              <div class="container" >
                <ul class="nav navbar-nav">
                  <li class="text-center"><a href="#">首页</a></li>
                  <li class="text-center"><a href="#product">产品介绍</a></li>
                  <li class="text-center"><a href="#comparison">同业比较</a></li>
                  <li class="text-center"><a href="#about">企业介绍</a></li>
                  <li class="text-center"><a href="#contact">联系我们</a></li>
                </ul>
              </div>
            </div>
            </br>
            <div style="padding-left:28px; color:#FFFFFF;" class="footer-center"> Copyright © 2013-2014 asong.com All rights reserved</br>
              ASONG科技有限公司版权所有 </div>
            </br>
            </br>
            </br>
          </div>
          <div class="col-lg-6">
            <div class="footer-right-item footer-center"> <img src="images/call.png" /> </div>
            <div class="footer-right-item">
              <div class="row">
                <div class="col-lg-3">
                  <center>
                    <a href="#"> <img src="images/qq.png"/>
                    <h4>在线客服</h4>
                    </a>
                  </center>
                </div>
                <div class="col-lg-3">
                  <center>
                    <a href="#"> <img src="images/sina.png"/>
                    <h4>官方微博</h4>
                    </a>
                  </center>
                </div>
                <div class="col-lg-3"> </div>
                <div class="col-lg-3"> </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
  </div>
</div>
<div class="panel panel-default" id="productDetail" style="display:none; width:40%;">
  <div class="panel-heading">
    <h2 class="panel-title">卧式进给器W1</h2>
  </div>
  <div class="panel-body">
    <div class="thumbnail"> <img src="images/L1000124.jpg" width="100%" height="100%" alt="">
      <div class="caption" style="background-color:#f2efea;">
        <p class="productDetail text-left">该产品是我公司根据钻铣床工作台面小，传统立式进给器安装会在一定程度上影响钻铣床工作行程，导致钻铣床工作台有效实际使用面积减少而特别设计的一款产品。该产品与工作台结合处为水平安装，解决了传统进给器的垂直安装影响工作台行程问题，同时进给器手柄、高速按钮等操作开关也做了相应的改动，更加适合操作者方便、高效的操作该设备。</p>
      </div>
    </div>
  </div>
</div>
<div id="toTop"></div>

<!-- Bootstrap core JavaScript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script type="text/javascript" src="assets/js/jquery.js"></script> 
<script type="text/javascript" src="dist/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/js/holder.js"></script> 
<script type="text/javascript" src="js/jquery.bpopup.min.js" ></script> 
<script type="text/javascript" src="js/jquery.smooth-scroll.min.js" ></script> 
<script type="text/javascript" src="js/index.js"></script> 

<!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</body>
</html>
